import * as React from 'react';
import {observer} from 'mobx-react'
import styles from './index.scss';

import BarDouble from '../../home/BarDouble'

interface IProps {
    patientMTXX: string[]
    patientMTXY: number[]
    patientMVCTX: string[]
    patientMVCTY: number[]
}

@observer
class Home extends React.Component<IProps> {

    constructor(props) {
        super(props);
    }


    public render() {
        const {patientMTXX, patientMTXY, patientMVCTX, patientMVCTY} = this.props
        return (
            <div className={styles.twoBot}>
                <div className={styles.title}>PATIENT TX+MVCT INTERRUPTS TOP 5</div>
                <div className={styles.EC}>
                    <BarDouble dataMTXX={patientMTXX} dataMTXY={patientMTXY} dataMVCTX={patientMVCTX}
                               dataMVCTY={patientMVCTY} />
                </div>
            </div>
        );
    }
}

export default Home;
